.dynamic-list-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    gap: 20px;
    flex: 1;
    .dynamic-list-item-content {
        display: flex;
        align-items: center;
        flex-shrink: 1;
        min-width: 0;
        gap: 10px;

        .dynamic-user-icon {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
        }

        .dynamic-content {
            display: flex;
            flex-direction: column;
            flex-shrink: 1;
            min-width: 0;

            .dynamic-document-action {
                line-height: 30px;
            }

            .dynamic-document-item {
                line-height: 30px;
                display: flex;
                align-items: center;
                height: 30px;

                .dynamic-document-title {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .dynamic-document-title:hover {
                    color: var(--tiklab-blue);
                    cursor: pointer;
                }
            }

            .dynamic-document-update {
                line-height: 30px;
                display: flex;
                align-items: center;
                height: 30px;
                gap: 10px;
                .dynamic-document-oldvalue {
                    font-size: 12px;
                    line-height: 15px;
                    border-radius: 5px;
                }

                .dynamic-document-newValue {
                    font-size: 12px;
                    line-height: 15px;
                    border-radius: 5px;
                }
                .dynamic-document-newValue:hover{
                    cursor: pointer;
                    color: var(--tiklab-blue);
                }

            }

        }
    }
}

.dynamic-list-item:nth-child(4n+1) {
    .dynamic-user-icon {
        background-color: #cadbf3;
    }
}

.dynamic-list-item:nth-child(4n+2) {
    .dynamic-user-icon {
        background-color: #deedd7;
    }
}

.dynamic-list-item:nth-child(4n+3) {
    .dynamic-user-icon {
        background-color: #ffebee;
    }
}

.dynamic-list-item:nth-child(4n+4) {
    .dynamic-user-icon {
        background-color: #e8eaf6;
    }
}